* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout:none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr,acronym, address, big, cite, code, del, dfn, em, img, 
ins,kbd, q, s, samp, small, strike, strong, sub,sup, tt, var, b, u, i,center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody,
 tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
 footer, header,hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after{
    content:"";
    display:table;
    clear:both
}
input:focus,select:focus,textarea:focus{
    outline: none;
}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
a{
    text-decoration: none;
}
body, button,select,  textarea  {
font-family:'\5FAE\8F6F\96C5\9ED1',Tahoma,Arial,Helvetica,sans-serif;
}

@function px2rem($px, $base-font-size:75px) {
    @if (unitless($px)) {
        @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
        @return px2rem($px + 0px); // That may fail.
    }
    @else if (unit($px)==rem) {
        @return $px;
    }
    @return ($px / $base-font-size) * 1rem;
}



.photo-list{
	padding:px2rem(50px) 0;
	li{
		float:left;
		margin:px2rem(25px) px2rem(30px) 0;
		width:px2rem(300px);
		height:px2rem(300px); 
		overflow:hidden;
		a{

			display:block;
			img{
				width:100%;
				height:100%;
			}
			
		}  
	}
}